<template>
    <div>
        {{mes}}<br>
      {{other}}<br>
      <p> vuex中的值：</p>
      {{province+city+town}}<br>
      {{money}}
    </div>
</template>
<style rel="stylesheet/less" scoped>

</style>
<script>
  import {mapState} from 'vuex'
  export default {
    data () {
      return {
        mes: '新页面2',
        other: this.$route.query.plan
      }
    },
    computed: mapState([   // 引入 mapstate 简化计算属性    // 不用getters  直接用计算属性解决
      'province', 'city', 'town', 'money'
    ])
  }

</script>
